<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/highcharts.js"></script>
    <script type="text/javascript">
        document.write(unescape('%3Clink rel="stylesheet" type="text/css" href="./css/chart.css?v=' + new Date().getTime() + '"%3E'))
        document.write(unescape('%3Cscript src="./js/AdminChart.js?v=' + new Date().getTime() + '" type="text/javascript" %3E%3C/script%3E'));
    </script>
    <style type="text/css">
        .line{
            width: 10px;
        }
    </style>
</head>
<body>
<div style="margin: 20px;border: 1px solid #ccc;">
    <div id="chart" style="width: 100%;height: 500px;"></div>
</div>
<script type="text/javascript">
    var colors = ['#c36083', '#7360c3', '#00a0e9', '#92c360'];
    var data = [
        {
            name:'排队量',
            data:(function(){
                var arr = [];
                for(var i=0;i<24;i++){
                    arr.push(parseInt(Math.random()*10))
                }
                return arr;
            })()
        },
        {
            name:'已接入会话量',
            data:(function(){
                var arr = [];
                for(var i=0;i<24;i++){
                    arr.push(parseInt(Math.random()*10))
                }
                return arr;
            })()
        },
        {
            name:'未接入会话量',
            data:(function(){
                var arr = [];
                for(var i=0;i<24;i++){
                    arr.push(parseInt(Math.random()*10))
                }
                return arr;
            })()
        },
        {
            name:'总会话量',
            data:(function(){
                var arr = [];
                for(var i=0;i<24;i++){
                    arr.push(parseInt(Math.random()*10))
                }
                return arr;
            })()
        },
    ];
    var series = [];
    for(var i in data){
        var clone = AdminChart.Utils.cloneObj(data[i]);
        var color = colors[i];
        clone.color = colors[i];
        series.push(clone);
    }
    var chart = AdminChart.LineChart('chart',{
        xAxis:{
            lineColor: '#ccc',
            minTickInterval:1,
            tickInterval:1,//刻度间隔为1
            min:0,
            labels:{
                formatter:function () {
                    var v = parseInt(this.value);
                    return v<10 ? '0'+v+':00' : v+':00'
                }
            }
        },
    }, series)

</script>
</body>
</html>